#2F0583

Color Details

HEX
#2F0583
RGB
rgb(47, 5, 131)
HSL
hsl(260, 93%, 27%)
CMYK
cmyk(64%, 96%, 0%, 49%)
Best text on this color #FFFFFF (CR 14.28:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2f0583
Contrast 1.47:1 Fail
White on #2f0583
Contrast 14.28:1 AAA
#2f0583 on Black
Contrast 1.47:1 Fail
#2f0583 on White
Contrast 14.28:1 AAA

Tints & Shades

#59379c
#8269b5
#ac9bcd
#260469
#1c034f
#130234

Complement & Analogous

#5a8505
#700585
#051a85

Triadic

#853005
#058530

Monochrome

#130234 #1c034f #2f0583 #8269b5 #ac9bcd #d5cde6

Analogous

#051a85 #505faa #2f0583 #8d379d #700585 #5a046a

Complementary Mix

#1c034f #2f0583 #8269b5 #5a8505 #94b05d #3b5603

Nearby Colors

#2f0582
#2f0584
#2f0573
#2f0593

Embed #2F0583 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2F0583

#2F0583 converts to RGB(47, 5, 131) and HSL(260, 93%, 27%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2F0583 FAQs

What is the RGB value of #2F0583?
RGB: 47, 5, 131. Copy as CSS: rgb(47, 5, 131)
Is #2F0583 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2F0583?
Complement: #5a8505.
Does #2F0583 have good contrast on white or black?
On white: 14.28:1 (AAA (normal text)). On black: 1.47:1 (Fails AA).